<style lang="scss" scoped>
  // @import '@/assets/css/variable';
  .shadeMaster{
  	position: fixed;
  	top: 0;
  	left: 0;
  	/*水平居中*/
  	text-align: center;
  	width: 100%;
  	height: 100%;
  	background-color:rgba(0,0,0,0.5);
  	z-index: 10001;
  	p{
  		position: absolute;
  		top:150px;
  		color: white;
  		font-size: 22px;
  		text-align: center;
  		width: 100%;
  		line-height: 1.3em;
  		transform: translateY(-50%);
  		-webkit-transform: translateY(-50%);
  		span{
  			font-size: 28px;
  			color:#5FD6FF;
  		}
  	}
  	.img{
  		position: absolute;
  		display: block;
  		right: 30px;
  		top:10px;
  	}
  }
</style>
<template>
  <div class="shadeMaster" v-if="isWeixin" @click="closeShade">
  	<!-- <p>导航功能需点开右上角按钮<br>
  		<span>【选择在浏览器中打开】</span>
  	</p> -->
  	<img class='img' src="../assets/img/open_right.png" alt="pic">
  </div>
</template>
<script>
	import { mapGetters } from "vuex";
export default {
  computed: {
  	...mapGetters(['isWeixin'])
  },
  props: {
    // title: {
    //   type: String,
    //   default: ''
    // },
	// isWeixin {
 //      type: Boolean,
 //      default: false
 //    },
  },
  data() {
    return {
    };
  },
  mounted() {
    // const navbarHeight = this.$refs.navbar.offsetHeight
    // console.log('navbarHeight',navbarHeight)
    // this.$store.commit('setNavbarHeight',navbarHeight)
  },
  methods: {
    closeShade() {
		this.$store.commit('setIsWeixin',false)
    },
    onClickRight() {
      this.$router.push('/workbench')
    },
  },
};
</script>
